
.category-box{
  margin-bottom: 7px;
}

.category-icon-item{
  width: 50px;
  flex: none;
  margin: 10px 14px;
}

.category-icon{
  width: 41px;
  height: 41px;
  display: flex;
  align-items: center;
  justify-content: center;
  color:#fff;
  border-radius: 50%;
}

.bcc{
  background: #FDA007;
}
.bcl{
  background: #86CD69;
}
.bcb{
  background: #8B90F9;
}
.bcsh{
  background: #F564A5;
}
.bctl{
  background: #04D2BE;
}
.bch{
  background: #FFBA00;
}
.bcf{
  background: #EF6A6E;
}
.bcdh{
  background: #FF7360;
}

.category-icon i{
  font-size: 24px;
}

.category-name{
  font-size: 12px;
  color: #666666;
  margin-top: 7px;
}